@import '/assets/fonts/iconfont.wxss';

.sector {
    padding: 24rpx;
    font-size: 24rpx;

    .secHeader {
        display: flex;
        justify-content: space-between;
        padding-bottom: 24rpx;

        .title {
            font-size: 32rpx;
        }

        .add,
        .confirm {
            display: flex;
            flex-direction: column-reverse;
        }

        .add {
            color: #058aff;
        }
    }

    .secSearch {
        background: #F7F7F9;
        color: #808080;
        height: 50rpx;
        line-height: 50rpx;
        display: flex;
        gap: 10rpx;
        padding: 0 20rpx;
        border-radius: 25rpx;

        .inputBox {
            flex-grow: 1;
        }
    }

    .secList {
        max-height: 720rpx;
        .list {
            padding: 34rpx 0;
            display: flex;
            flex-direction: column;
        }

        .item {
            display: flex;
            justify-content: space-between;
            padding: 17rpx 0;

            .name {
                transition: all .3s;
                border-left: transparent 6rpx solid;
            }

            &.selected {
                .name {
                    border-color: #16c46a;
                    padding-left: 14rpx;
                    font-weight: 600;
                }
            }
        }

        .iconfont {
            color: #16c46a;
            display: none;
            transition: all .3s;

            &.show {
                display: block;
            }
        }
    }
}